﻿<!DOCTYPE html>
<html>
<head>
<title>饭卡消费记录</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
<style type="text/css">
@media print {
.no_print {
	display: none;
}
@page {
margin: 0 10mm 0;
}
.form_div ul {
	margin-top: 0;
}
}
</style>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div">
  <h3>饭卡消费记录</h3>
  <ul>
    <li><span class="tit" style="width:70px;">开始日期：</span></li>
    <li>
      <select id="startYear" style="width:90px;">
        <option value="2040">2040</option>
        <option value="2039">2039</option>
        <option value="2038">2038</option>
        <option value="2037">2037</option>
        <option value="2036">2036</option>
        <option value="2035">2035</option>
        <option value="2034">2034</option>
        <option value="2033">2033</option>
        <option value="2032">2032</option>
        <option value="2031">2031</option>
        <option value="2030">2030</option>
        <option value="2029">2029</option>
        <option value="2028">2028</option>
        <option value="2027">2027</option>
        <option value="2026">2026</option>
        <option value="2025">2025</option>
        <option value="2024">2024</option>
        <option value="2023">2023</option>
        <option value="2022">2022</option>
        <option value="2021">2021</option>
        <option value="2020">2020</option>
        <option value="2019">2019</option>
        <option value="2018">2018</option>
        <option value="2017">2017</option>
        <option value="2016">2016</option>
      </select>
    </li>
    <li>
      <select id="startMonth" style="width:90px;">
        <option value="12">12</option>
        <option value="11">11</option>
        <option value="10">10</option>
        <option value="9">9</option>
        <option value="8">8</option>
        <option value="7">7</option>
        <option value="6">6</option>
        <option value="5">5</option>
        <option value="4">4</option>
        <option value="3">3</option>
        <option value="2">2</option>
        <option value="1">1</option>
      </select>
    </li>
    <li>
      <select id="startDay" style="width:92px;">
        <option value="31">31</option>
        <option value="30">30</option>
        <option value="29">29</option>
        <option value="28">28</option>
        <option value="27">27</option>
        <option value="26">26</option>
        <option value="25">25</option>
        <option value="24">24</option>
        <option value="23">23</option>
        <option value="22">22</option>
        <option value="21">21</option>
        <option value="20">20</option>
        <option value="19">19</option>
        <option value="18">18</option>
        <option value="17">17</option>
        <option value="16">16</option>
        <option value="15">15</option>
        <option value="14">14</option>
        <option value="13">13</option>
        <option value="12">12</option>
        <option value="11">11</option>
        <option value="10">10</option>
        <option value="9">9</option>
        <option value="8">8</option>
        <option value="7">7</option>
        <option value="6">6</option>
        <option value="5">5</option>
        <option value="4">4</option>
        <option value="3">3</option>
        <option value="2">2</option>
        <option value="1">1</option>
      </select>
    </li>
  </ul>
  <ul style="margin-top:110px;">
    <li><span class="tit" style="width:70px;">结束日期：</span></li>
    <li>
      <select id="endYear" style="width:90px;">
        <option value="2040">2040</option>
        <option value="2039">2039</option>
        <option value="2038">2038</option>
        <option value="2037">2037</option>
        <option value="2036">2036</option>
        <option value="2035">2035</option>
        <option value="2034">2034</option>
        <option value="2033">2033</option>
        <option value="2032">2032</option>
        <option value="2031">2031</option>
        <option value="2030">2030</option>
        <option value="2029">2029</option>
        <option value="2028">2028</option>
        <option value="2027">2027</option>
        <option value="2026">2026</option>
        <option value="2025">2025</option>
        <option value="2024">2024</option>
        <option value="2023">2023</option>
        <option value="2022">2022</option>
        <option value="2021">2021</option>
        <option value="2020">2020</option>
        <option value="2019">2019</option>
        <option value="2018">2018</option>
        <option value="2017">2017</option>
        <option value="2016">2016</option>
      </select>
    </li>
    <li>
      <select id="endMonth" style="width:90px;">
        <option value="12">12</option>
        <option value="11">11</option>
        <option value="10">10</option>
        <option value="9">9</option>
        <option value="8">8</option>
        <option value="7">7</option>
        <option value="6">6</option>
        <option value="5">5</option>
        <option value="4">4</option>
        <option value="3">3</option>
        <option value="2">2</option>
        <option value="1">1</option>
      </select>
    </li>
    <li>
      <select id="endDay" style="width:92px;">
        <option value="31">31</option>
        <option value="30">30</option>
        <option value="29">29</option>
        <option value="28">28</option>
        <option value="27">27</option>
        <option value="26">26</option>
        <option value="25">25</option>
        <option value="24">24</option>
        <option value="23">23</option>
        <option value="22">22</option>
        <option value="21">21</option>
        <option value="20">20</option>
        <option value="19">19</option>
        <option value="18">18</option>
        <option value="17">17</option>
        <option value="16">16</option>
        <option value="15">15</option>
        <option value="14">14</option>
        <option value="13">13</option>
        <option value="12">12</option>
        <option value="11">11</option>
        <option value="10">10</option>
        <option value="9">9</option>
        <option value="8">8</option>
        <option value="7">7</option>
        <option value="6">6</option>
        <option value="5">5</option>
        <option value="4">4</option>
        <option value="3">3</option>
        <option value="2">2</option>
        <option value="1">1</option>
      </select>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">按月查询：</span></li>
    <li style="line-height:36px;"> <span>
      <input type="text" placeholder="请输入姓名或身份证" style="width:200px;position:absolute;top:0;left:0;" id="searchVal"/>
      </span> </li>
  </ul>
  <ul>
    <li style="line-height:36px;"> <span style="position:absolute;left:90px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="mealsCostRecord_findPersonMealsCostRecord();" style="height:36px;" />
      </span> </li>
  </ul>
</div>
<div class="list_div" id="vue_vm_list">
  <h3>个人资料</h3>
  <ul>
    <li style="width:70px;"><span>{{data.name}}</span></li>
    <li><span>身份证号：{{data.cardId}}</span></li>
    <li><span style="color:#FF0000;">饭卡类型：包餐/普通</span></li>
    <li><span style="color:#FF0000;">合计：200元</span></li>
  </ul>
  <div style="clear:both;"></div>
  <h3>消费记录</h3>
  <div style="margin:0;padding:0;" v-for="todo in todos">
    <ul>
      <li><span>{{todo.createTime}}</span></li>
      <li>{{todo.type}}</li>
      <li><span>8元/份</span></li>
    </ul>
  </div>
  <div class="for_ie_div"><!--为兼容IE-->
    <ul>
      <li style="width:160px;">
        <input type="button" value="打印" class="button button1" onclick="window.print();" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>
<script src="js/common.js"></script> 
<script src="js/common_function.js"></script> 
<script src="js/common_date.js"></script> 
<script src="js/busi/mealsCostRecord_query.js"></script>
</body>
</html>